<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html lang="en">
<head>
	<base href="${pageContext.request.contextPath}/">
   	<base target="_blank">
	<meta charset="utf-8">
	<link rel="shortcut icon" href="images/favicon.ico" /> 
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
<![endif]-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="js/all-in-one.js"></script>
    <script type="text/javascript" src="js/setup.js"></script>
<script type="text/javascript">
$(window).load(function(){
	$('#demo-side-bar').removeAttr('style');
});
</script>
<style type="text/css">
.demobar{display:none;}
#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
</style>
 <!--Dynamically creates ads markup-->
   <?php include("http://www.egrappler.com/ads-header.php"); ?>    <!-- Header -->
    <header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="/trip/"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="/trip/">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="/trip/showhot">热门景点</a></li>
							
							<li><a href="elements.html">游玩直播</a></li>
							<li><a href="showNotes">达人游记</a></li>
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="blog_single.html">微博动态</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<c:forEach var="t" items="${totalList}">
								<li><a href="/trip/showLocationByTotal/${t.tID}-${t.tName}">${t.tName}</a></li>
							</c:forEach>
						</ul>
					</li>
					<li><a href="user/reg">注册</a></li>
					<li><a href="user/login">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
</header>
    <!-- /Header -->
    <!-- START CONTENT -->
    <section class="container clearfix">
		<!-- Page Title -->
			<header class="container page_info clearfix">
				
					<h1 class="regular brown bottom_line">热门景点</h1>
				
				<div class="clear"></div>
			</header>
			
		<!-- /Page Title -->

		
        <c:forEach items="${page.list}" var="h">
        <div class="col_1_5">
			<h3 class="red"><a href="showLocationByLid/${h.lID}">${h.lName}</a></h3>
			<p>
				${h.lintro}
			</p>
		</div>
		
		</c:forEach>
		<hr>
		<div >
		<p style="text-align: right; font-size: 30px">
					<c:if test="${page.pageNumber>1}">
						<a href="/trip/showhot/">首页</a> &nbsp
						<a href="/trip/showhot/${page.pageNumber-1}">上一页</a> &nbsp
					</c:if>
					<c:if test="${page.pageNumber<page.totalPage}">
						<a href="/trip/showhot/${page.pageNumber+1}">下一页</a> &nbsp
						<a href="/trip/showhot/${page.totalPage}">末页</a> &nbsp
					</c:if>
					[${page.pageNumber}|${page.totalPage}]	
				</p>
		</div>
			
        	<div class="clear padding15"></div>

		<div class="col_1_3">
			<h2 class="red regular">热门排行榜</h2>
			<blockquote>
			<c:set var="index" value="0" /> 
			<c:forEach items="${list}" var="list">
			<c:set var="index" value="${index+1}" />
			<p>
			<h1>TOP${index} -${list.lName}</h1>
			</p>
			<p>
			<a href="showLocationByLid/${list.lID}">
			<img src="${list.liimgPath}"/>
			</a>
			</p>
			</c:forEach>
			</blockquote>
		</div>
		
		<div class="clear padding15"></div>
        
        <div class="col_1_2">
			<h2 class="red regular">广告 - no.1</h2>
			<p>
				<img src="images/guanggao2.png" style="width: 200px" alt="" class="alignleft" />
				125签证办理信息平台为您提供最新最全的签证办理流程、签证费用、签证所需材料、签证最新政策、加急签证、案例分析、常见问题等签证资讯,其中包括旅游签证、商务签证、...一站式服务签证 德国 德国自由行签证办理德国商务签证签证 德国 个人旅游签证,品牌保证签证 德国 办签证成功率近100%诚信,优质,快捷,安全可靠! 快快来电哦
			</p>
		</div>
        
        <div class="col_1_2 last">
			<h2 class="red regular">广告 - no.2</h2>
			<p>
				<img src="images/guanggao1.png" style="width: 200px" alt="" class="alignright" />
				如果想感受肾上腺素飙升的刺激，并以一种非常独特的方式体验哈密尔顿岛，那么哈密尔顿岛激情游（Hamilton Island Adrenalin）就是适合您的一日游！乘坐游轮去哈密尔顿岛码头将是这天中最平稳的部分。
登岛后，您马上就会享受到两个已含在票价里的精彩活动项目。在棕榈谷卡丁车跑道上测试您的驾驶技能，然后前往体验三十分钟喷气快艇带来 的刺激和兴奋——笨重的喷气快艇在海里飞速转弯、回旋、甩尾,让您心 跳加速、悸动不已！
			</p>
		</div>
	
	</section>
    <!-- END CONTENT -->
    <!-- footer -->
    <footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
			
				
				
				<div class="clear padding20"></div>
				
				
				<p>
					&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
    <!-- /footer -->
	
    </div>
    <!--wrapper end-->
	
</body>
</html>